<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" > 
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title> MAGNETO Admin Skin</title>
			<#include "/commons/gfx.ftl">
			<script type="text/javascript" src="${jsDir}/custom.js"></script>
	</head>
<body>

<div id="wrapper">
      <ul id="topbar">
        <li><a class="button white fl" title="preview" href="index.html"><span class="icon_single preview"></span></a></li>
		<li class="s_1"></li>
        <li class="logo"><strong>MAGNETO</strong> ADMIN SKIN</li>
      </ul>
	
	<div id="content-login">
	<div class="logo"></div>
	<h2 class="header-login">Login </h2>
	<form id="box-login" action="dashboard.html" method="post">
		<p>
			<label class="req"> username </label>
			<br/>
			<input type="text" name="username" value="" id="username"/>
		</p>
		<p>
			<label class="req"> password </label>
			<br/>
			<input type="password" name="password" value="" id="password"/>
		</p>
		<p class="fl">
			<input type="checkbox" name="remember" value="1" id="remember"/>
			<label class="rem"> Remember me </label>
		</p>
		<p class="fr">
			<input type="button" value="Error test" class="button black" id="error"/>
			<input type="submit" value="Login" class="button themed" id="login"/>
		</p>
		
		<div class="clear"></div>
	</form>
	<a class="forgot" href="#"> Forgot password? </a> 
	<span class="message error">Error Test <strong>Username</strong> and/or <strong>Password</strong> are wrong</span>
	<span class="message information">Just press <strong>Login</strong> or <strong>Error Test</strong></span>
	</div>
	
</div>

	<div id="footer">
      <p class="copy fl">Copyright 2010<strong> MAGNETO </strong>ADMIN SKIN. All rights reserved.</p>
      <ul class="button language_button white fr">
        <li class="icon_single language fl"></li>
        <li class="flag en fl"></li>
		<li class="flag es fl"></li>
        <li class="flag de fl"></li>
        <li class="flag it fl"></li>
        <li class="clear"></li>
      </ul>
	  
	  <ul class="skinner fr">
		<li class="fl"><a href="#" rel="style_blue" class="styleswitch skin skin_blue fl"></a></li>
		<li class="fl"><a href="#" rel="style_green" class="styleswitch skin skin_green fl"></a></li>
		<li class="fl"><a href="#" rel="style_red" class="styleswitch skin skin_red fl"></a></li>
		<li class="fl"><a href="#" rel="style_purple" class="styleswitch skin skin_purple fl"></a></li>
		<li class="clear"></li>
	 </ul>
    </div>
</body>
</html>